<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="商道,辅助决策,商道辅助决策工具,供需比预测,存货预测">
    <meta name="dsecription" content="创新创业全国管理决策模拟大赛国赛选手亲自打造，最全面的商道辅助决策工具，初始年数据参考、供需比预测、存货预测、各大比赛平台直通车，助你在商道赛场上驰骋！">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商道辅助决策系统</title>


    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
    <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/da-slider.css" />
    <!-- Owl Carousel Assets -->
    <link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link rel="stylesheet" href="css/styles.css" />
    <!-- Font Awesome -->
    <link href="font/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <header class="header">
        <div class="container">
            <nav class="navbar navbar-inverse" role="navigation">
                <div class="navbar-header">
                    <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="#top" class="navbar-brand scroll-top logo"><b>商道辅助决策系统</b></a>
                </div>
                <!--/.navbar-header-->
                <div id="main-nav" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav" id="mainNav">
                        <li class="active"><a href="#home" class="scroll-link">主页</a></li>
                        <li><a href="#rule" class="scroll-link">规则简介</a></li>
                        <li><a href="#decision" class="scroll-link">预测辅助</a></li>
                        <li><a href="#predict" class="scroll-link">操作辅助</a></li>
                        <li><a href="#doing" class="scroll-link">决策辅助</a></li>
                        <li><a href="#advice" class="scroll-link">交流讨论</a></li>
                    </ul>
                </div>
                <!--/.navbar-collapse-->
            </nav>
            <!--/.navbar-->
        </div>
        <!--/.container-->
    </header>
    <!-- /header -->

    <!-- 首页 -->
    <div id="#top"></div>
    <section id="home">
        <div class="banner-container">
            <img src="images/banner-bg.jpg" alt="banner" />
            <div class="container banner-content">
                <div id="da-slider" class="da-slider">
                    <div class="da-slide">
                        <h2 id="officeWeb" style="cursor:pointer">创新创业全国管理决策大赛官网</h2>
                        <p>商道大区赛、半决赛以及决赛的比赛信息、晋级信息和获奖信息的发布平台。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2 id="chaguan" style="cursor:pointer">茶馆系统入口</h2>
                        <p>茶馆，是一个充满“诗情画意”的商道比赛平台，各个分舵有众多道友常年开馆切磋，交流比赛。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2 id="sd" style="cursor:pointer">Sd系统入口</h2>
                        <p>Sd系统是商道教学用比赛平台，大区赛、半决赛和决赛等大型比赛均在此平台进行。平时道友也可使用系统分配的行业号在此平台展开比赛。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2 id="pk" style="cursor:pointer">Pk系统入口</h2>
                        <p>Pk系统与Sd系统类似，作为Sd系统的备用平台，平时道友们可以通过系统分配的行业号开比赛切磋。</p>
                        <div class="da-img"></div>
                    </div>
                    <nav class="da-arrows">
                        <span class="da-arrows-prev"></span>
                        <span class="da-arrows-next"></span>
                    </nav>
                </div>
            </div>
        </div>
    </section>

    <!-- 规则简介 -->
    <section id="rule" class="page-section darkBg pDark pdingBtm30">
        <div class="container">
            <div class="heading text-center">
                <!-- Heading -->
                <h2>规则简介</h2>
                <p>这里介绍一些简单的比赛规则、注意事项和比赛得分的计分规则</p>
            </div>
            <div>
                <h3>高频违规情况</h3>
                <p>违规会导致公司直接被系统判定为破产、或在被裁判发现后判定为破产。
                    以下是比赛中高频出现的违规情况，请仔细阅读并注意规避。
                </p>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-4">
                    <h3><i class="fa fa-desktop color"></i>&nbsp; 过高工资奖金</h3>
                    <!-- Paragraph -->
                    <p>任何一家公司在任何一个地区的工厂，不论在该地区是否雇佣工人与否，给工
                        人所制定的工资标准，不得超过该地区上一年度行业平均工资的三倍。给工人所发的绩
                        效奖，也不得超过该地区上一年度行业平均绩效奖的三倍。否则视为违规处理。
                    </p>
                </div>
                <div class="col-md-4 col-sm-4">
                    <!-- Heading -->
                    <h3><i class="fa fa-cloud color"></i>&nbsp;最低质量等级</h3>
                    <!-- Paragraph -->
                    <p>比赛通常都有质量最低限值要求：在市场上出售自有品牌产品的质量等级不能低于 20。
                        因此我们要保证5屏市场部的产品质量等级大于20，否则将会被判违规。
                    </p>
                </div>
                <div class="col-md-4 col-sm-4">
                    <!-- Heading -->
                    <h3><i class="fa fa-home color"></i>&nbsp;破产对行业的影响</h3>
                    <!-- Paragraph -->
                    <p>同一行业内三家以下（包括三家）公司破产，维持行业总需求不变；如果超过三家以
                        上企业破产，则从第四家破产企业开始，破产企业的需求从行业中对应删除。
                        需求减少的数量为：行业报告中公布的预期需求 * （需要扣除需求的公司数/上年度
                        参与竞争的公司总数）。
                        例：第一年破产 3 家，行业总需求维持不变；第二年再破产三家，需要减去 3 家需求。
                    </p>
                </div>
            </div>

            <div>
                <h3>比赛计分规则</h3>
                <p>了解比赛得分的具体计分规则，可以帮助我们在决策时获取尽可能高的得分。</p>
            </div>
            <div class="row">

            </div>
        </div>
    </section>

    <!--预测辅助-->
    <section id="decision" class="page-section">
        <div class="container">

            <div class="row">
                <div class="heading text-center">
                    <!-- Heading -->
                    <h2>预测辅助</h2>
                    <p>预测下一年行业供需比、未来多年供需比走向、未来行业库存</p>
                </div>
            </div>

            <div class="row mrgn30">

                <form method="post" action="" id="contactfrm" role="form">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="production">本年产能</label>
                            <input type="number" class="form-control" v-model="production" id="production" title="请输入数字" placeholder=0>
                        </div>
                        <div class="form-group">
                            <label for="failProduct">破产产能</label>
                            <input type="number" class="form-control" v-model="failProduct" id="failProduct" title="请输入数字" placeholder=0>
                        </div>
                        <div class="form-group">
                            <label for="inventory">行业库存</label>
                            <input type="number" class="form-control" v-model="inventory" id="inventory" title="请输入数字" placeholder=0>
                        </div>
                        <div class="form-group">
                            <label for="failInventory">破产组库存</label>
                            <input type="number" class="form-control" v-model="failInventory" id="failInventory" title="请输入数字" placeholder=0>
                        </div>
                        <div class="form-group">
                            <label for="demand">行业总需求</label>
                            <input type="number" class="form-control" v-model="demand" id="demand" title="请输入数字" placeholder=0>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="missNumber">行业默认组</label>
                            <input type="number" class="form-control" v-model="missNumber" id="missNumber" title="请输入数字" placeholder=0>
                        </div>
                        <div class="form-group">
                            <label for="styleNumber">行业打款组</label>
                            <input type="number" class="form-control" v-model="styleNumber" id="styleNumber" title="请输入数字" placeholder=0>
                        </div>
                        <div class="form-group">
                            <label for="productNumber">行业打质组</label>
                            <input type="number" class="form-control" v-model="productNumber" id="productNumber" title="请输入数字" placeholder=0>
                        </div>
                        <div class="predictSubmit">
                            <div id="demandRate" v-on:click="submitData"><b>提交</b></div>
                            <div id="clearAll"><b>清除</b></div>       
                        </div>
                    </div>
                </form>

                <div class="col-sm-4">
                    <h4>款质比</h4>
                    <p></p>
                    <h4>明年行业供需比</h4>
                    <p id="nextYear">{{nextData}}</p>
                    <h4>未来4年供需比(预测值 仅供参考)</h4>
                    <p>
                        {{twoData}}<br>
                        {{threeData}}<br>
                        {{fourData}}<br>
                        {{fiveData}}<br>
                    </p>
                    <h4>未来5年全行业库存(仅供参考)</h4>
                    <p>
                        {{nextInventory}}<br>
                        {{twoInventory}}<br>
                        {{threeInventory}}<br>
                        {{fourInventory}}<br>
                        {{fiveInventory}}<br>
                    </p>
                    <h4>局势</h4>
                    <p>{{situation}}</p>
                </div>

            </div>
        </div>
    </section>

    <!-- 预测辅助 -->
    <section id="predict" class="page-section section appear clearfix">
        <div class="container">

            <div class="heading text-center">
                <!-- Heading -->
                <h2>操作辅助</h2>
                <p>提供质、款初始年决策方案以及其它年份的模板操作</p>
            </div>

            <div class="row">
                <nav id="filter" class="col-md-12 text-center">
                    <ul>
                        <li><a href="#" class="current btn-theme btn-small" data-filter="*">全部初始年</a></li>
                        <li><a href="#" class="btn-theme btn-small" data-filter=".webdesign">质初始年</a></li>
                        <li><a href="#" class="btn-theme btn-small" data-filter=".photography">款初始年</a></li>
                        <li><a href="#" class="btn-theme btn-small" data-filter=".print">模板操作</a></li>
                    </ul>
                </nav>
                <div class="col-md-12">
                    <div class="row">
                        <div class="portfolio-items isotopeWrapper clearfix" id="3">

                    

                            <article class="col-sm-4 isotopeItem webdesign">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/quality1.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/quality1.png" class="fancybox">
                                                <h5>1屏——生产屏</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem webdesign">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/quality2.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/quality2.png" class="fancybox">
                                                <h5>2屏——扩产与研发</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem webdesign">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/quality3.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/quality3.png" class="fancybox">
                                                <h5>3屏——关闭产能</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem webdesign">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/quality4.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/quality4.png" class="fancybox">
                                                <h5>4屏——产品配送</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem webdesign">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/quality5.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/quality5.png" class="fancybox">
                                                <h5>5屏——市场营销</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem webdesign">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/quality6.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/quality6.png" class="fancybox">
                                                <h5>6屏——电子商务</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem webdesign">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/quality7.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/quality7.png" class="fancybox">
                                                <h5>7屏——贴牌市场</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem webdesign">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/quality8.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/quality8.png" class="fancybox">
                                                <h5>8屏——广告竞标</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem webdesign">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/quality9.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/quality9.png" class="fancybox">
                                                <h5>9屏——融资</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>


                            <article class="col-sm-4 isotopeItem photography">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/style1.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/style1.png" class="fancybox">
                                                <h5>1屏——生产屏</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem photography">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/style2.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/style2.png" class="fancybox">
                                                <h5>2屏——扩产与研发</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem photography">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/style3.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/style3.png" class="fancybox">
                                                <h5>3屏——关闭产能</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                    
                            <article class="col-sm-4 isotopeItem photography">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/style4.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/style4.png" class="fancybox">
                                                <h5>4屏——产品配送</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem photography">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/style5.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/style5.png" class="fancybox">
                                                <h5>5屏——市场营销</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem photography">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/style6.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/style6.png" class="fancybox">
                                                <h5>6屏——电子商务</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem photography">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/style7.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/style7.png" class="fancybox">
                                                <h5>7屏——贴牌市场</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem photography">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/style8.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/style8.png" class="fancybox">
                                                <h5>8屏——广告竞标</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                            <article class="col-sm-4 isotopeItem photography">
                                <div class="portfolio-item">
                                    <img src="images/portfolio/style9.png" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/portfolio/style9.png" class="fancybox">
                                                <h5>9屏——融资</h5>
                                                <i class="fa fa-plus-circle fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                        </div>

                    </div>


                </div>
            </div>

        </div>
    </section>

    <!-- 改进建议 -->
    <section id="advice" class="page-section">
        <div class="container">

            <div class="row">
                <div class="heading text-center">
                    <!-- Heading -->
                    <h2>欢迎交流</h2>
                    <p>如果大大在使用此工具时遇到什么困惑。或者在阅读源码后对我们工具的数据、公式、预测模型存在不同见解，欢迎联系作者进行交流！</p>
                </div>
            </div>

            <div class="row mrgn30">

                <form method="post" action="" id="contactfrm" role="form">

                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="name">姓名</label>
                            <input type="text" class="form-control" name="name" id="name" placeholder="请留下您的称呼" title="称呼至少为两个字符">
                        </div>
                        <div class="form-group">
                            <label for="email">电子邮箱</label>
                            <input type="email" class="form-control" name="email" id="email" placeholder="请您留下电子邮箱，方便我们日后联系交流" title="请留下正确的电子邮箱">
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="comments">内容</label>
                            <textarea name="comment" class="form-control" id="comments" cols="3" rows="5" placeholder="请输入信息…" title="请留下您的建议(至少10个字)"></textarea>
                        </div>
                        <button name="submit" type="submit" class="btn btn-lg btn-primary" id="submit">提交</button>
                        <div class="result"></div>
                    </div>
                </form>
                <div class="col-sm-4">
                    <h4>地址:</h4>
                    <address>
                        广东省---深圳市---南山区<br>
                    </address>
                    <address>
                        微信：chu15814435272<br>
                        QQ:1614168079
                    </address>
                </div>
            </div>
        </div>
    </section>





    <script src="js/modernizr-latest.js"></script>
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/jquery.isotope.min.js" type="text/javascript"></script>
    <script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="js/jquery.nav.js" type="text/javascript"></script>
    <script src="js/jquery.cslider.js" type="text/javascript"></script>
    <script src="js/custom.js" type="text/javascript"></script>
    <script src="js/owl-carousel/owl.carousel.js"></script>
    <script src="js/vue.js"></script>
</body>
<script>
    Vue.config.productionTip = false

    const vm = new Vue({
        el:"#decision",
        data:{  
            production:0,
            failProduction:0,
            inventory:0,
            failInventory:0,
            demand:0,
            missNumber:0,
            styleNumber:0,
            productionNumber:0,
            nextData:1.39,
            twoData:1.48,
            threeData:1.59,
            fourData:1.68,
            fiveData:1.35,
            nextInventory:0,
            twoInventory:0,
            threeInventory:0,
            fourInventory:0,
            fiveInventory:0,
            companyNumber:0,
            situation:"未知"
        },
        methods: {
            submitData(){
                this.nextData = ((this.production - this.inventory)*1.12 + this.failProduction - this.failInventory)/this.demand;
                this.twoData = this.nextData*1.2;
                this.threeData = this.twoData*1.3;
                this.fourData = this.threeData*0.9;
                this.fiveData= this.fourData*0.75;
                this.nextInventory = parseInt(this.demand*(this.nextData - 1));
                this.twoInventory = parseInt(this.demand*Math.pow(1.114,2)*(this.twoData - 1));
                this.threeInventory = parseInt(this.demand*Math.pow(1.114,3)*(this.threeData - 1));
                this.fourInventory = parseInt(this.demand*Math.pow(1.114,4)*(this.fourData - 1));
                this.fiveInventory = parseInt(this.demand*Math.pow(1.114,5)*(this.fiveData - 1));
                this.companyNumber = this.styleNumber + this.productionNumber + missNumber;
                if(this.missNumber/this.companyNumber >=0.1875){softWater()}
                else if(this.styleNumber/this.companyNumber > 0.6){hitStyle()}
                else{softWater()}
            },
            hitStyle(){
                this.situation="撞款局";
            },
            softWater(){
                this.situation = "温水局";
            }
            
        },
    });
</script>
</html>